<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,
			.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{
				float: left;
			}
			
			.row div{
				border: 1px solid pink;
			}
			.col-md-pull-12{right: 100%;}
			.col-md-pull-11{right: 91.66666667%;}
			.col-md-pull-10{right: 83.33333333%;}
			.col-md-pull-9{right: 75%;}
			.col-md-pull-8{right: 66.66666667%;}
			.col-md-pull-7{right: 58.33333333%;}
			.col-md-pull-6{right: 50%;}
			.col-md-pull-5{right: 41.66666667%;}
			.col-md-pull-4{right: 33.33333333%;}
			.col-md-pull-3{right: 25%;}
			.col-md-pull-2{right: 16.66666667%;}
			.col-md-pull-1{right: 8.33333333%;}
			.col-md-pull-0{right: auto;}
			.col-md-push-12{left: 100%;}
			.col-md-push-0{left: auto;}
		</style>
	</head>
	<body>
		<div class="container">
			<div class="row">
				<div class="col-md-9">.col-md-9</div>
				<div class="col-md-3">.col-md-3</div>
			</div>
			<br />
			<div class="row">
				<div class="col-md-9 col-md-push-3">
					.col-md-9 .col-md-push-3
				</div>
				<div class="col-md-3 col-md-pull-9">
					.col-md-3 .col-md-pull-9
				</div>
			</div>
		</div>
	</body>
</html>
